<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>普通员工信息</title>
    <link rel="stylesheet" href="../../lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../../lib/bootstrapTable/bootstrap-table.css">
    <link rel="stylesheet" href="../../dist/css/adminlte.min.css">
    <style>
        .btn-query {
            width: 80%;
        }


        table {
            table-layout: fixed;
        }
    </style>
    <link rel="stylesheet" href="../../lib/font-awesome/css/font-awesome.css">

</head>
<body>

<div class="container-fluid">
    <div class="row">
        <ol class="breadcrumb">
            <li><a href="#">主页</a></li>
            <li>员工档案管理</li>
            <li>普通员工档案</li>
        </ol>
    </div>
    <div class="row">
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-md-4">
                    <label class="col-md-4 control-label">姓名:</label>
                    <div class="col-md-8">
                        <input type="text" class="form-control">
                    </div>
                </div>
                <div class="col-md-4">
                    <label class="col-md-4 control-label">部门:</label>
                    <div class="col-md-8">
                        <select class="form-control" id="deptForQuery">
                            <!--   <option value="0">&#45;&#45;&#45;&#45;所有部门&#45;&#45;&#45;&#45;</option>
                               <option value="1">部门1</option>
                               <option value="2">部门2</option>-->
                        </select>
                    </div>
                </div>
                <div class="col-md-4">
                    <label class="col-md-4 control-label">学历:</label>
                    <div class="col-md-8">
                        <select class="form-control" id="eduForQuery"> </select>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-4">
                    <label class="col-md-4 control-label">员工编号:</label>
                    <div class="col-md-8">
                        <input type="text" class="form-control">
                    </div>
                </div>
                <div class="col-md-4">
                    <label class="col-md-4 control-label">联系电话:</label>
                    <div class="col-md-8">
                        <input type="text" class="form-control">
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="col-md-offset-5">
                        <button class="btn btn-success btn-query"><i class="fa fa-laptop"></i> 搜索</button>
                    </div>
                </div>
            </div>
        </form>


    </div>
    <div class="row">
        <div class="col-md-4">

         <!--   <div class="card bg-light d-flex flex-fill">

                <div class="card-header text-muted border-bottom-0">
                    Digital Strategist
                </div>

            </div>
        </div>-->

    </div>
</div>

</div>


<!--
    模态窗体
      外三层
      内三层
-->
<div class="modal fade" id="editInfo">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                员工档案-修改
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <input type="hidden" id="empId"/>
                    <div class="form-group">
                        <label class="control-label col-md-4">员工姓名:</label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="nameForEdit">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4">学历:</label>
                        <div class="col-md-8">
                            <select class="form-control" id="eduForEdit"></select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4">手机号码:</label>
                        <div class="col-md-8">
                            <input class="form-control" id="phoneForEdit"/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-success" id="btnSaveForEdit">保存</button>
                <button class="btn btn-warning">取消</button>
            </div>
        </div>
    </div>
</div>

</body>
<script src="../../lib/jquery.js"></script>
<script src="../../lib/bootstrap/js/bootstrap.js"></script>
<script src="../../lib/bootstrapTable/bootstrap-table.js"></script>
<script src="../../lib/bootstrapTable/locale/bootstrap-table-zh-CN.js"></script>
<script src="../../lib/mock.js"></script>
<script src="../../mock/employee.js"></script>
<script src="../../mock/ResponseMsg.js"></script>
<script src="../../mock/normal.js"></script>
<script src="../../js/employee/normal.js"></script>
</html>
